<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1,
maximum-scale=1, user-scalable=no">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/static/css/bootstrap.min.css">
<title>Insert title here</title>
<style type="text/css">
#top {
	background-image: url(static/images/bg.jpg);
}

.navbar-brand {
	color: #fff;
	font-weight: bold
}

#main {
	margin-top: 10px
}

.nav.nav-tabs.nav-stacked>li>a {
	padding: 10px 8px;
	font-size: 12px;
	font-weight: 600;
	color: #4A515B;
	background: #E9E9E9;
	background: -moz-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);
	border: 1px solid #D5D5D5;
	border-radius: 4px;
}

.nav.nav-tabs.nav-stacked>li.active>a, .nav.nav-tabs.nav-stacked>li>a:hover
	{
	color: #FFF;
	background: #3C4049;
	background: -moz-linear-gradient(top, #4A515B 0%, #3C4049 100%);
	border-color: #2B2E33;
}

.secondmenu a {
	font-size: 12px;
	color: #4A515B;
	text-align: left;
}

.test {
	background-color: black
}

#footer {
	text-align: center;
	background-color: #eee;
	padding: 20px
}
</style>
</head>
<body>
	<div class="navbar container-fluid" id="top">
		<div class="navbar-header">
			<a class="navbar-brand" href="#"> 权限管理系统 </a>

		</div>
		<ul class="nav navbar-nav navbar-right">
			<li><a href="#" style="color: #fff"><img alt=""
					src="${pageContext.request.contextPath}/${sessionScope.login_user.headimg}"
					style="width: 20px; height: 20px; border-radius: 10px">
					${sessionScope.login_user.realname}</a></li>
			<li><a href="#" style="color: #fff"><span
					class="glyphicon glyphicon-list"></span>安全退出</a></li>
		</ul>

	</div>
	<div id="main">
		<div class="container-fluid">
			<div class="row">
				<div class="col-md-2">
					<ul class="nav nav-tabs nav-stacked" style="margin-top: -10px">
						<li class="active"><a href="#"> <span
								class="glyphicon glyphicon-th-large"></span>首页
						</a></li>
						<li><a href="#first" data-toggle="collapse"
							class="nav-header collapsed"> <span
								class="glyphicon glyphicon-cog"></span>系统管理 <span
								class="pull-right glyphicon glyphicon-chevron-down"></span>
						</a>
							<ul class="nav nav-list collapse in secondmenu" id="first">
								<li><a href="${pageContext.request.contextPath}/users/list"
									target="ifs"><span class="glyphicon glyphicon-user"></span>用户管理</a></li>
								<li><a href="${pageContext.request.contextPath}/role/roleList.jsp"
									target="ifs"><span class="glyphicon glyphicon-user"></span>角色管理</a></li>
								<li><a href="#" class="getUrl" target="#info-container"><span
										class="glyphicon glyphicon-user"></span>修改密码</a></li>
								<li><a href="#"><span class="glyphicon glyphicon-user"></span>安全退出</a></li>
							</ul></li>

						<li><a href="#second" data-toggle="collapse"
							class="nav-header collapsed"> <span
								class="glyphicon glyphicon-cog"></span>仓库管理 <span
								class="pull-right glyphicon glyphicon-chevron-down"></span>
						</a>
							<ul class="nav nav-list collapse out secondmenu" id="second">
								<li><a href="inStock.jsp" class="getUrl"
									target="#info-container"><span
										class="glyphicon glyphicon-user"></span>入库管理</a></li>
								<li><a href="" class="getUrl" target="#info-container"><span
										class="glyphicon glyphicon-user"></span>出库管理</a></li>
								<li><a href="" class="getUrl" target="#info-container"><span
										class="glyphicon glyphicon-user"></span>库存查询</a></li>
							</ul></li>
					</ul>
				</div>
				<div class="col-md-10" style="margin-top: -10px; height: 500px">
					<iframe name="ifs" width="100%" height="100%" frameborder="0">

					</iframe>
				</div>
			</div>
			<div id="footer" class="text-muted">
				<p>企业培训 | 合作事宜 | 版权投诉</p>
				<p>苏 ICP 备 12345678. Bootstrap.</p>
			</div>
		</div>
	</div>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/static/js/jquery-1.12.3.min.js"></script>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/static/js/bootstrap.min.js"></script>

</body>
</html>